<template>
  <div class="project-container">
    <h2>欢迎来到厨房项目！</h2>
    <p>这里展示的是厨房相关的设计和信息。</p>
    <img src="https://via.placeholder.com/600x300/FF5733/FFFFFF?text=Kitchen+View" alt="厨房视图" />
  </div>
</template>

<script>
export default {
  name: 'KitchenProject'
}
</script>

<style scoped>
.project-container {
  padding: 20px;
  border: 1px solid #FF5733;
  margin: 20px auto; /* 居中显示 */
  max-width: 800px;
  border-radius: 8px;
  background-color: #fff0eb;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  text-align: center;
}
.project-container h2 {
  color: #FF5733;
}
.project-container img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  margin-top: 15px;
}
</style>